<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0
    minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" href="../../css/css/base.css"/>
    <link rel="stylesheet" href="../../css/css/two.css"/>
</head>
<body>
<div class="header">
        <div class="head-left">
            <a href="2.html">
                <img src="../../img/wei.png" alt=""/>
            </a>
        </div>
        <div class="head-cont">
            手机验证
        </div>
        <div class="head-right">
            123
        </div>
</div>
<div class="nav">
    <a href="#">
        验证短信已发送到手机号为：
    </a>
    <p class="sum">
        186****1624
    </p>
</div>

<div class="content">
    <div class="cont-left">
        <div class="img">
            <img src="../../img/icon7.png" alt=""/>
        </div>
        <input type="text" id="text" placeholder="输入手机验证码"/>
    </div>
    <div class="cont-right">
        <input type="button" value="发送验证码" id="btn"/>
    </div>
</div>

<div class="foot">
    <a href="5.html">
        确定
    </a>
</div>

<script type="text/javascript">
    (function(win,doc){
        //浏览器缩放时
        win.onresize=function(){
            change();
        };
        change();
        function change(){

            var oFs=doc.documentElement.clientWidth/(320/20);

            //设置根目录字体大小
            doc.documentElement.style.fontSize=oFs+'px';
        }
    })(window,document);

    (function(){
        var wait = 60;
        function countDown(o){
            if(wait == 0){
                o.removeAttribute("disabled");
                o.value = "免费获取验证码";
            }else{
                o.setAttribute("disabled",true);
                o.value = "重新发送(" + wait + ")";
                wait--;
                setTimeout(function(){
                    countDown(o);
                },1000)
            }
        }
        document.getElementById("btn").onclick = function(){
            countDown(this);
        }
    })();



</script>
</body>
</html>